<template>
  <div>
    <TanControl :data=state.data></TanControl>
  </div>
</template>

<script lang='ts' setup>
import { ref, reactive, defineAsyncComponent } from 'vue';
const TanControl = defineAsyncComponent(() => import("@/components/tabContorl/index.vue"));

const state = reactive({
  data: [
    { title: '衣服', content: '内容1' },
    { title: '裤子', content: '内容2' },
    { title: '鞋子', content: '内容3' }
  ]
})
</script>
<style scoped lang='scss'></style>